<!-- 表单组件 el-form-item-->
<template>
	<el-col :span="span" :xs="xs" :sm="sm" :md="md" :lg="lg" :xl="xl" :offset="offset" :push="push" :pull="pull" class="mb20">
		<el-form-item :label="label" :prop="prop" :label-width="labelWidth" :rules="rules">
			<slot />
		</el-form-item>
	</el-col>
</template>

<script setup lang="ts">
interface Props {
	labelWidth?: string;
	span?: number;
	xs?: number;
	sm?: number;
	md?: number;
	lg?: number;
	xl?: number;
	offset?: number;
	push?: number;
	pull?: number;
	prop?: string;
	label?: string;
	rules?: object;
}

const props = withDefaults(defineProps<Props>(), {
	span: 12,
    xs: 24,
    sm: 12,
    md: 12,
    lg: 12,
    xl: 12,
	offset: 0,
	push: 0,
	pull: 0,
});
</script>

<style lang="scss" scoped></style>
